<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>趣味小测试</title>

<style>
.box{
    float: left;
}#box1{
    width: 20%;
 }
    #box2{
    width: 60%;
 }
    #box3{
    width: 20%;
 }

  h1{       text-align: center;
            color: aqua;
            font-size: 50px;
        }

h3{
            background-color: bisque;
}
p.title{text-align:left;
            font-size: 20px;
        }
p.wenti{text-align:left}
p.one {  padding:10px; width:600px; height:30px;
    border: 2px solid #000000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
      background-color: blanchedalmond;
            text-align: center;
        }
.test {margin:0 auto;
    width:600px;
    border:0px ;
    text-align:left}

</style>


</head>
<body>
<div class="box" id="box1">
    <img  src="https://image.wjx.cn/images/newbg/oldbg2-bg.jpg" width="380" height="1200" style="">
</div>
<div class="box" id="box2">
       <div>  <img  src="https://image.wjx.cn/images/newbg/oldbg2.jpg" width="1150" height="144" ></div>
            <div >  <h1>趣味小测试</h1>

<form>
   <center> <p class="one">住手！！！</p></center>
   <div class="test">
      <div> <b> <p class="title">1、本题考大家对每月邮寄日期是否铭记于心<br>我们约定每月分两次寄出，请回答：</p></b>
   <p class="wenti" >第一月寄出日期为当月:
       <input type="text" name="username" value="" size="12" style="border:0px;border-bottom:#000000 1px solid;">日，寄出的问卷量为：
       <input type="text" name="username" value="" size="12" style="border:0px;border-bottom:#000000 1px solid;">%</p></div>

     <hr style="border:1px dotted #036"color="white" width="100%">

    <div><b><p class="title">2、what color do you like ?</p> </b>
    <p class="wenti" style="font-size: 20px">
        <input type="radio" name="vehicle" value="">yellow<br>
      <input type="radio" name="vehicle" value="">pink<br>
    <input type="radio" name="vehicle" value="">white</p></div>

    <hr style="border:1px dotted #036" color="white"width="100%">

    <div><b><p class="title">3、你的梦想是什么？</p> </b>
    <p class="wenti"style="font-size: 20px"> <input type="checkbox" name="vehicle" value="">发财<br>
<input type="checkbox" name="vehicle" value="">暴富<br>
    <input type="checkbox" name="vehicle" value="">发财</p></div>

    <hr style="border:1px dotted #036" color="white"width="100%">

   <div><b><p class="title">4、你对赵银翔有什么意见？</p> </b>
   <textarea rows="10" cols="50" style="float: none">


</textarea></div>

<hr style="border:1px dotted #036 "width="100%">

</div >
<div><br><br><br>
   <center> <input type="submit" value="提交" style="width:250px; height:70px ;background:blue ;color: white"></center></div>



</form></div>
     </div>
       <div class="box" id="box3">
           <img src="https://image.wjx.cn/images/newbg/oldbg2-bg.jpg" width="400" height="1200">
</div>

</body>
</html>